$blue: #3190e8;
$bc: #e4e4e4;
$fc:#fff;
$bc1: #f1f1f1;
$bc2:#FA2F5D;
$bglight:#f5f4f9;
// 主题色
$themeColor: #de3d96;

// 背景色
$bgColor: #eee;
$bgColor2: #ccc;

//字体大小
$fontsize:0.26rem;
// 字体色
$fontColor1:#000;
$fontColor2:#7e7c7c;
// 背景图片地址和大小
@mixin bis($url) {
	background-image: url($url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}
//定位全屏
@mixin allcover{
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
@mixin center {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
@mixin ct {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位上下居中
@mixin cl {
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

//宽高
@mixin wh($width, $height){
	width: $width;
	height: $height;
}
@mixin whh($width, $height,$lineheight){
  width: $width;
  height: $height;
  line-height: $lineheight;
}
//字体大小、行高、字体
@mixin font($size, $line-height, $family: 'Microsoft YaHei') {
	font: #{$size}/#{$line-height} $family;
}

//字体大小，颜色
@mixin sc($size, $color){
	font-size: $size;
	color: $color;
}

//flex 布局和 子元素 对其方式
@mixin fj($type: space-between){
	display: flex;
	justify-content: $type;

}
//高度和行高
@mixin  hl($height,$line){
  height: $height;
  line-height: $line;
}
//定位
@mixin position($po,$pleft,$pright,$ptop,$pbot){
  position: $po;
  left: $pleft;
  right: $pright;
  top: $ptop;
  bottom: $pbot;
}

$fs: 1em;
$w: 100%;
body{
  font-size: $fs;
  width: $w;
  padding: 0;
  margin:0;
}
.bdm {
  padding: 0;
  margin:0;
}
.c {
  clear: both;
}
.h58 {
  height: 58px;
}
.tc {
  text-align: center;
}
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}
[v-cloak] { display: none }

